<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>查看更多</title>
		<script src="../../../javascript/api.js"></script> <!-- api.js必须放到最开头 -->
	    <script src="../../../javascript/axios.js"></script>
	    <script src="../../../javascript/vue.js"></script>
	    <style type="text/css">
	    	*{
	    		margin: 0;
	    		padding: 0;
	    		font-family: "微软雅黑";
	    	}
	    	li{
	    		list-style: none;
	    	}
	    	ul{
	    		/*height: 100%;*/
	    		/*overflow-y: scroll;*/
	    	}
	    	li{
	    		height: 140px;
	    	}
	    	.content{
	    		overflow: hidden;
			    /* white-space: nowrap; */
			    text-overflow: ellipsis;
			    -webkit-line-clamp: 2;
			    word-break: break-all;
			    display: -webkit-box;
			    -webkit-box-orient: vertical
	    	}
	    </style>
	</head>
	<body>
		<div class="showGroundGongGao" id="showGroundGongGao">
			<ul>
				<li v-for="item in GroundGongGaoli">
					<p class="title">{{item.title}}</p>
					<p class="send">{{item.sendPeople}}{{item.sendTime}}</p>
					<p class="content">{{item.content}}</p>
				</li>
			</ul>
		</div>
	</body>
	<script type="text/javascript">
		new Vue({
			el:"#showGroundGongGao",
			data:{
				GroundGongGaoli:[
					{
						title:'公告1',
						sendPeople:'张三',
						sendTime:'2018-07-15 12：12',
						content:'公告内容公公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容',
					},
					{
						title:'公告2',
						sendPeople:'陈三',
						sendTime:'2018-07-15 12：12',
						content:'公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容内容公告内容',
					},
					{
						title:'公告3',
						sendPeople:'和三',
						sendTime:'2018-07-15 12：12',
						content:'公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容内容公告内容公告内容公告内容公告内容',
					},
					{
						title:'公告4',
						sendPeople:'黄三',
						sendTime:'2018-07-15 12：12',
						content:'公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容',
					},
				
				],
			}
			
		})
	</script>
</html>
